<template>
  <div id="app">
      <transition name="app">
          <router-view></router-view>
      </transition>

   <tabbar></tabbar>
  </div>
</template>

<script>
    import tabbar from './components/tabbar'
    export default {//es6模块化向往暴露的出口

        name: "app",
        components:{
            tabbar
        }

    }
</script>


<style lang="scss">

body{
    margin: 0;
}
    .app-enter{
        transform: translateX(100%);
    }
    .app-leave-to{
        transform: translateX(-100%);
    }
    .app-enter-active,.app-leave-active{
        position: fixed;
        width: 100%;
        transition: all .5s ease;
    }
</style>
